<template>
	<view class="main-view">
		<view v-if="errmsg==''" class="content-view">
			<view v-for="(item,index) in headerList" :key="index" >
				<view v-if="item.styletype =='headersearch'" :style="{'font-size':clientType=='pda'?'20px':'14px'}"  style="background-color: #fff; display: flex;flex-direction: row;align-items: center;height: 40px;">
					<view @click="selectsearch(index, index2, item2.optype)" v-for="(item2,index2) in item.content" :key="index2" :style="{ 'border-right':item.content.length==(index2+1)?'':'1px solid #f0f0f0','width': (100/item.content.length)+'vw'}" style='height: 100%;  display:flex;justify-content: center; align-items: center;'>
						<view style="display: flex;align-items: center;">
							 <view style="display: flex;align-items: center;" v-if="(item2.optype=='layer' || item2.optype=='checkbox' || item2.optype=='radio')"  :style="{'color':(item2.isselected!=10000 && item2.isselected!=undefined)?'#F55C23':'#333'}">
								<view style="margin-right:3px;white-space:normal; overflow: hidden; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 1;"> {{item2.colText}}</view>
								<text class="iconfont icon-xiangxia" style="font-size: 12px;"></text>
							 </view>
							 <view style="display: flex;align-items: center;" v-if="item2.optype=='picker'"  :style="{'color':item2.isselected?'#F55C23':'#333'}">
								<picker :mode="item2.coltype" :disabled="!item2.editable" :value="item2.colValue" :start="item2.startdate" :end="item2.enddate" @change="bindDateChangeHeader(index, index2,$event)">
									<view class="uni-input" style="color: #aaa;" v-if="item2.colValue!='' && item2.colValue!=undefined">{{item2.colValue}}</view>
									<view v-else style="color: #aaa;">请选择</view>
								</picker>
							 </view>
							<view style="display: flex;align-items: center;" v-if="item2.optype=='dropdown'">
								<view :style="{'color':item2.isselected?'#F55C23':'#333'}" style="margin-right:3px;"> {{item2.colValue}}</view>
								<view v-if="item2.isselected">
									<text class="iconfont icon-xiangshang" style="font-size: 12px;color: #F55C23;"></text> 
								</view> 
								<view v-else>
									<text class="iconfont icon-xiangxia" style="font-size: 12px;"></text> 
								</view>
							</view>
						</view>
					</view>
				</view>
				
				<view v-if="item.styletype =='style_tab'"  style=" display: flex;flex-direction: row;align-items: center;height: 36px;margin: 2px 4px;">
					<view @click="selecttab(index,index2)" v-for="(item2,index2) in item.content" :key="index2" :style="{ 'border-right':item.content.length==(index2+1)?'':'1px solid #f0f0f0','width': (100/item.content.length)+'vw','background-color':item.isselected==index2?'#f00':'#fff','color':item.isselected==index2?'#fff':'#aaa'}" style='height: 100%; font-size: 13px; display:flex;justify-content: center; align-items: center;'>
						<view style="display: flex;align-items: center;">
							<view style="margin-right:3px;"> {{item2.colValue}}</view>
						</view>
					</view>
				</view>
			
				<view v-if="item.styletype =='headersort'" style="background-color: #fff;display: flex;flex-direction: row;align-items: center;height: 30px;">
					<view @click="selectsort(index,index2,item2.sort)" v-for="(item2,index2) in item.content" :key="index2" :style="{ 'width': (100/item.content.length)+'vw'}" style=' font-size: 13px; display:flex;justify-content: center; align-items: center;'>
						<view style="display: flex;align-items: center;">
							<view style="display: flex;" :style="{'color':item.isselected==index2?'#F55C23':'#333'}">
								<view v-if="index2==0 && item.isselected==index2">
									<text class="iconfont icon-jiantou_qiehuanxiangshang_o" style="font-size: 12px;"></text> 
									<text class="iconfont icon-jiantou_qiehuanxiangxia_o" style="font-size: 12px;"></text> 
								</view>
								<view v-else-if="index2!=0 && item.isselected==index2 && item2.sort=='desc'">
									<text class="iconfont icon-jiantou_qiehuanxiangshang_o" style="font-size: 12px;"></text> 
								</view> 
								<view v-else-if="index2!=0 && item.isselected==index2 && item2.sort=='asc'">
									<text class="iconfont icon-jiantou_qiehuanxiangxia_o" style="font-size: 12px;"></text> 
								</view>
								{{item2.coltext}}
							</view>
						</view>
					</view>
				</view>
				
			<!-- 	<view v-if="item.styletype=='headerinput'" style="display: flex;flex-direction: row;align-items: center;background-color: #fff;">
					<view style="background-color: #ccc; vertical-align: middle;padding:5px;margin: 0px 3px; border-radius: 5px;display: flex;align-items: center;flex: 1; ">
						<text class="iconfont icon-chazhao" style="padding-right: 5px;color: #eee;"></text>
						<input @blur="inputhead(index,$event)" @confirm="inputheadblur(index,$event)" :value="item.colValue"  confirm-type="search" type="text" :placeholder="item.placeholder" placeholder-style="font-size:14px;color:#eee;"  style="outline-color: invert;flex:1; outline-style: none;outline-width: 0px;border: none;border-style: none;text-shadow: none; -webkit-appearance: none;-webkit-user-select: text;outline-color: transparent;box-shadow: none;outline: none;border-radius: 0;"/>
					</view>
					 #ifndef APP-PLUS
					<view @click="navitoscan(index)" class="iconfont icon-saomiao" style="color: #fd6137;padding:1px 5px; margin-right:1px 5px; font-size: 28px;display: flex;align-items: center;"></view>
					 #endif
				</view> -->
				
				<view v-if="item.styletype=='headerscan' && clientType=='WeChat'" style="display: flex;flex-direction: row;align-items: center;background-color: #fff;">
					<view style="background-color: #ccc; vertical-align: middle;padding:5px;margin: 0px 3px; border-radius: 5px;display: flex;align-items: center;flex: 1; ">
						<input @blur="inputblur(index,$event)"  maxlength="-1" v-model="inputVal"/>
						<view v-if="inputVal!=''" @click="delinput(index)" class="iconfont icon-shanchu1" style="position: absolute;right: 45px;display: flex;"></view>
					</view>
					<view @click="navitoscan2(index)" class="iconfont icon-saomiao" style="color: #fd6137;padding:1px 5px; margin-right:1px 5px; font-size: 28px;display: flex;align-items: center;"></view>
				</view>
				
				<view v-if="item.styletype=='headerscan' && clientType=='pda'" style="display: flex;flex-direction: row;align-items: center;background-color: #fff;">
					<view style="background-color: #ccc; vertical-align: middle;padding:5px;margin: 0px 3px; border-radius: 5px;display: flex;align-items: center;flex: 1; ">
						<input  @confirm="inputblur(index,$event)" maxlength="-1" v-model="inputVal"/>
						<view v-if="inputVal!=''" @click="delinput(index)" class="iconfont icon-shanchu1" style="position: absolute;right: 15px;display: flex;"></view>
					</view>
				</view>
				
				<view style="height: 1px;width: 100%;background-color: #f0f0f0;"></view>
			</view>
			
			<view v-if="ismask && layercontent.optype=='layer'" @click="closemask" style="backface-visibility: hidden;top: 0;right: 0;left: 0;bottom: 0;position: fixed;overflow: hidden;width: 100%;height: 100%;opacity: 1;background-color: rgba(0,0,0,0.4);z-index: 900;">
				<view @click.stop="" :style="{'margin-top':layerheightmargin+'px','height':layerheight+'px'}" style="border-radius: 10px; margin-left: 80px; opacity: 1;width: calc(100vw - 160px);background-color: #fff;z-index: 900;">
					<view style="margin: 5px 0 ;overflow-y: scroll;overflow-x: hidden;height: 100%;position: relative;">
						<view  style="display: flex;flex-direction: column;padding: 0 20px;">
							<view style="display: flex;flex-direction: row;align-items: center;padding: 10px 0;">
								<view style="height: 10px;width: 3px;background-color: #F55C23;display: flex;margin-left: -20px;margin-right: 17px;"></view> {{layercontent.title}}
							</view>
							<view @click.stop="selectlayer(index2)" v-for="(item2, index2) in layercontent.layercontent" :key="index2" >
								<view style=" height: 1px;width: 100%;border-bottom: #f0f0f0 1px dashed;"></view>
								<view  :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="padding: 10px 0; color: #666;font-size:14px; display: flex;flex-direction: row;justify-content: space-between;">
									<view>{{item2.coldisplay!=undefined?item2.coldisplay:item2.displayValue}}</view>
									<view v-if="layercontent.isselected==index2" class="iconfont icon-dui" style="color: #F55C23;"></view>
								</view>
							</view> 
						</view>
					</view>
				</view>
			</view>
			
			<view v-if="ismask && layercontent.optype=='dropdown'" @click="closemask" style="backface-visibility: hidden;top: 40px;right: 0;left: 0;bottom: 0;position: fixed;overflow: hidden;width: 100%; height: calc(100vh - 40px);opacity: 1;background-color: rgba(0,0,0,0.4);z-index: 900;">
				<view @click.stop="" :style="{'height':layerheight+'px'}" style=" width:100vw;opacity: 1;background-color: #eee;z-index: 900;">
					<view style="overflow-y: scroll;overflow-x: hidden;height: 100%;position: relative;">
						<view  style="display: flex;flex-direction: column;padding: 0 20px;">
							<view class="dropdown" v-for="(item2, index2) in layercontent.layercontent" :key="item2.name" >
								<view style=" height: 1px;width: 100%;border-bottom: #f0f0f0 1px dashed;"></view>
								<view v-if="item2.editStyle== 'edit' || item2.editStyle== 'digit'" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="padding: 5px 0; color: #666;font-size:14px; display: flex;flex-direction: row;justify-content: space-between;">
									<view style="display: flex;align-items: center;min-width: 40px;">{{item2.colText}}  </view>
									<view style="text-align: right;color: #aaa;"><input :placeholder="item2.colText" placeholder-style="color:#aaa;font-size:14px;" :disabled="item2.protect"  @input="inputitem(index2,$event)" :value="item2.colValue" /> </view>
								</view>
								<view v-else-if="item2.editStyle=='date' || item2.colType=='datetime'" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="padding: 5px 0;color: #666;font-size:14px; display: flex;flex-direction: row;justify-content: space-between;">
									<view style="display: flex;align-items: center;min-width: 40px;">{{item2.colText}} </view>
									<view style="text-align: right;"> 
										<picker mode="date" :value="item2.colValue" :start="item2.startdate" :end="item2.enddate" @change="bindDateChange(index2,$event)">
											<view class="uni-input" style="color: #aaa;" v-if="item2.colValue!='' && item2.colValue!=undefined">{{item2.colValue}}</view>
											<view v-else style="color: #aaa;">请选择</view>
										</picker>
									</view>
								</view>
								<view v-else-if="item2.editStyle=='dddw' && item2.dddw.name!='d_nvo_uipage_dwc'" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="padding: 5px 0;color: #666;font-size:14px; display: flex;flex-direction: row;justify-content: space-between;">
									<view style="display: flex;align-items: center;min-width: 40px;">{{item2.colText}} </view>
									<view style="text-align: right;color: #aaa;"  @click.stop="selectitem(index2)"><input placeholder="请选择" placeholder-style="color:#aaa;font-size:14px;" :disabled="true" :value="item2.coldisplay"/> </view>
								</view>
								<view v-else-if="item2.editStyle=='dddw' && item2.dddw.name=='d_nvo_uipage_dwc'" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="padding: 5px 0;color: #666;font-size:14px; display: flex;flex-direction: row;justify-content: space-between;">
									<view style="display: flex;align-items: center;min-width: 40px;">{{item2.colText}} </view>
									<picker @change="bindPickerChange(index2, $event, item2)" 
											:value="item2.value" 
											:range="item2.codeTable" 
											:range-key="'coldisplay'">
										<view>{{(item2.coldisplay==''||item2.coldisplay==undefined)?'请选择':item2.coldisplay}}</view>
									</picker>
								</view>
								<view v-else-if=" item2.editStyle=='ddlb'" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="padding: 5px 0;color: #666;font-size:14px; display: flex;flex-direction: row;justify-content: space-between;">
									<view style="display: flex;align-items: center;min-width: 40px;">{{item2.colText}} </view>
									<picker @change="bindPickerChange(index2, $event, item2)" 
											:value="item2.value" 
											:range="item2.codeTable" 
											:range-key="'displayValue'">
										<view>{{(item2.coldisplay==''||item2.coldisplay==undefined)?'请选择':item2.coldisplay}}</view>
									</picker>
								</view>
							</view> 
							<view style="display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 44px;">
								<view class="btn" v-for="(item2, index2) in layercontent.btns" :key="item2.btnText">
									<view @click="headdropdown(index2)" style="padding: 3px 30px; background-color: #F55C23;color: #fff;" :style="{'background-color':item2.backgroundcolor,'color':item2.color}">{{item2.btnText}}</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<scroll-view @scrolltolower="loadmore"  
				@refresherpulling="onPulling"  
				@refresherrefresh="onRefresh"
				:refresher-triggered="triggered"
				:refresher-enabled="isOpenRefresh"	
				:style="{'height':marginheight+'px'}" style=" width: 100vw;background-color: #f0f0f0;" scroll-y="true" >
				
				<block v-if="datalist.length==0 && JSON.stringify(datalist)!='[]'">
					<view class="no-data">没有数据</view>
				</block>
				<block  :key="index" v-for="(item, index) in datalist">
					<view  style="margin: 0 5px 6px 5px;padding:0 10px; background-color: #fff;display: flex;position: relative;"  class="order-item" :data-index="index" :style="{ right: item.right + 'rpx' }">
						<view @click="itemnavitodetail(index)" style="display: flex;flex-direction: column;width: calc(100vw - 30px); ">
							<view v-if="JSON.stringify(divstyle) == '{}'">
								<view v-if="JSON.stringify(btns) != '[]'" style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
									<view style="display: flex;flex-direction: row;height: 40px; align-items: center; ">
										<scroll-view scroll-x="true" style="display: flex;flex-direction: row-reverse; white-space: nowrap;margin-top: 10px;  height: 40px; align-items: center; width: 90vw;" enable-flex="ture">
										<view @click.stop="navitodetail2(index, index2)" v-if="item2.text!='' && item2.position=='rowright' "
										 v-for="(item2, index2) in btns" 
										 :key="index2" 
										 :style="{'font-size':clientType=='pda'?'20px':'14px'}"
										 style="font-size:14px; border-radius: 5px;padding:0 7px; align-items: center; margin-left: 10px;color: #fff; background-color: #F55C23;">
											 {{item2.text}}
										</view> 
										</scroll-view>
									</view>
								</view>
								<view  v-for="(item1, index1) in item" :key="index1" style="width: calc(100vw - 30px);">
								   <view v-if="item1.style.editStyle == 'edit' && item1.style.colVisible" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="color: #666;font-size:14px; display: flex;flex-direction: row;align-items: center;padding: 5px 0;">
									   <view  style="min-width: 18vw;">{{item1.style.colText}}:</view>
										<view style="border-radius: 5px;padding: 2px 5px;">{{item1.style.value==null?'':item1.style.value}}</view>
								   </view>
								   <view v-if="item1.style.editStyle == 'dddw' && item1.style.colVisible" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="color: #666;font-size:14px; display: flex;flex-direction: row;align-items: center;padding: 5px 0;">
									   <view  style="min-width: 18vw;">{{item1.style.colText}}:</view>
										<view style="border-radius: 5px;padding: 2px 5px;">{{item1.style.colValue==null?'':item1.style.colValue}}</view>
								   </view>
								   <view v-if="item1.style.editStyle == 'checkbox' && item1.style.colVisible" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="color: #666;font-size:14px; display: flex;flex-direction: row;align-items: center;padding: 5px 0;">
									   <view  style="min-width: 18vw;">{{item1.style.colText}}:</view>
										<view style="border-radius: 5px;padding: 2px 5px;"><switch type="checkbox" :checked='item1.style.checkbox.on == item1.style.value' disabled="true"/></view>
								   </view>
								   <view v-if="item1.style.editStyle == '' && item1.style.colVisible && item1.name == 'sys_modifylog'" @click.stop="openlog(index)" :style="{'font-size':clientType=='pda'?'20px':'14px'}" style="color: #4CCFFF;font-size:14px; display: flex;flex-direction: row;align-items: center;padding: 5px 0;">
									   <view  style="min-width: 18vw;">{{item1.style.colText}}:</view>
										<view style="border-radius: 5px;padding: 2px 5px;">{{item1.style.value==null?'':item1.style.value}}</view>
								   </view>
								   
								   <view v-if="index1!=(item.length-1) && item1.style.colVisible" style="height: 1px;width: 100%;background-color: #f0f0f0;"></view>
						   </view>
								<view v-if="isshowmore && item.type=='ismore'">
									<view :style="{'font-size':clientType=='pda'?'20px':'14px'}" class="showmore">{{item.value}}</view>
								</view>
						   </view>
						   <view v-else>
								<view  v-for="(item1, index1) in item" :key="index1" style="width: calc(100vw - 30px);">
									<view v-if="item1.name == 'list_client_billno_status'">
										<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
											<view style="display: flex;flex-direction: row;align-items: center;padding: 5px 0;">
												<view style="height: 10px;width: 3px;background-color: #F55C23;display: flex;margin-left: -10px;margin-right: 7px;"></view> 
												<view style="font-size: 20px;">{{item1.content[0].style.colValue}}</view>
											</view>
											<view style="display: flex;flex-direction: row;align-items: center;">
												<view v-if="index2!=0" v-for="(item2, index2) in item1.content" :key="index2"  :style="{'color': item2.style.color,'border-color': item2.style.color,'font-size':clientType=='pda'?'20px':'14px'}" style="font-size:14px; border-radius: 5px;border: #F55C23 1px solid; padding:2px 5px; align-items: center; margin-left: 10px;color: #F55C23;border-color: #F55C23; ">
													 {{item2.style.colValue==null?'':item2.style.colValue}}
												</view> 
											</view>
										</view>
									</view>
									<view v-if="item1.name == 'list_name1_billno1_status'">
										<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
											<view style="display: flex;flex-direction: row;align-items: center;padding: 5px 0;">
												<view style="height: 10px;width: 3px;background-color: #F55C23;display: flex;margin-left: -10px;margin-right: 7px;"></view> 
												<view style="display: flex;flex-direction: column;">
													<view style="font-size: 20px;">{{item1.content[0].style.colValue}}</view>
													<view style="font-size: 16px;">{{item1.content[1].style.colValue}}</view>
												</view>
												
											</view>
											<view style="display: flex;flex-direction: row;align-items: center;">
												<view v-if="index2>1" v-for="(item2, index2) in item1.content" :key="index2"  :style="{'color': item2.style.color,'border-color': item2.style.color,'font-size':clientType=='pda'?'20px':'14px'}" style="font-size:14px; border-radius: 5px;border: #F55C23 1px solid; padding:2px 5px; align-items: center; margin-left: 10px;color: #F55C23;border-color: #F55C23; ">
													 {{item2.style.colValue==null?'':item2.style.colValue}}
												</view> 
											</view>
										</view>
									</view>
									<view v-if="item1.name == 'list_name1_name2'">
										<view style="display: flex;flex-direction: row;align-items: center;">
											<view style="display: flex;flex-direction: row;align-items: center;padding: 5px 0;">
												<view style="height: 10px;width: 3px;background-color: #F55C23;display: flex;margin-left: -10px;margin-right: 7px;"></view> 
												<view style="display: flex;flex-direction: row;justify-content: space-between;width: calc(100vw - 30px);">
													<view style="font-size: 20px;">{{item1.content[0].style.colValue}}</view>
													<view style="font-size: 20px;">{{item1.content[1].style.colValue}}</view>
												</view>
												
											</view>
										</view>
									</view>
									<view v-else-if="item1.name == 'list_line1_nosplit'">
										<view :key="index2" v-for="(item2, index2) in item1.content">
											<view v-if="item2.style.colVisible" :style="{'font-size':clientType=='pda'?'20px':'14px'}"  style="color: #666;font-size:14px; display: flex;flex-direction: row;align-items: center;">
												<view style="min-width: 18vw;">{{item2.style.colText}}:</view>
												<view style="border-radius: 5px;padding: 2px 5px;">{{item2.style.colValue==null?'':item2.style.colValue}}</view>
											</view>
										</view>
									</view>
									<view v-else-if="item1.name == 'list_col1_notitle'">
										<view :key="index2" v-for="(item2, index2) in item1.content">
											<view v-if="item2.style.colVisible" :style="{'font-size':clientType=='pda'?'20px':'14px'}"  style="color: #666;font-size:14px; display: flex;flex-direction: row;align-items: center;">
												<view style="border-radius: 5px;padding: 2px 5px;">{{item2.style.colValue==null?'':item2.style.colValue}}</view>
											</view>
										</view>
									</view>
									<view v-else-if="item1.name == 'list_memo1' && item1.content[0].style.colValue != ''">
										<view v-if="item1.content[0].style.colVisible" :style="{'font-size':clientType=='pda'?'20px':'14px'}"  style="color: #666;font-size:14px; display: flex;flex-direction: row;align-items: center;">
											<view style="min-width: 18vw;">{{item1.content[0].style.colText}}:</view>
											<view style="border-radius: 5px;padding: 2px 5px;overflow: hidden; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 1;">{{item1.content[0].style.colValue==null?'':item1.content[0].style.colValue}}</view>
										</view>
									</view>
									<view v-else-if="item1.name == 'list_line1_col2_nosplit'" style="display: flex;flex-direction: row;flex-wrap: wrap;">
										<view :key="index2" v-for="(item2, index2) in item1.content" >
											<view v-if="item2.style.colVisible && index2%2==0" :style="{'font-size':clientType=='pda'?'20px':'14px'}" class="line1-col2">
												<view >{{item2.style.colText}}:{{item2.style.colValue==null?'':item2.style.colValue}}</view>
											</view>
											<view v-else-if="item2.style.colVisible && index2%2==1" :style="{'font-size':clientType=='pda'?'20px':'14px'}" class="line1-col2">
												<view >{{item2.style.colText}}:{{item2.style.colValue==null?'':item2.style.colValue}}</view>
											</view>
										</view>
									</view>
									<view v-else-if="item1.name == 'list_col2_notitle'" style="display: flex;flex-direction: row;flex-wrap: wrap;">
										<view :key="index2" v-for="(item2, index2) in item1.content">
											<view v-if="item2.style.colVisible && index2%2==0" :style="{'font-size':clientType=='pda'?'20px':'14px'}" class="line1-col2">
												 {{item2.style.colValue==null?'':item2.style.colValue}}
											</view>
											<view v-else-if="item2.style.colVisible && index2%2==1" :style="{'font-size':clientType=='pda'?'20px':'14px'}"  class="line1-col2">
												{{item2.style.colValue==null?'':item2.style.colValue}}
											</view>
										</view>
									</view>
									<view v-else-if="item1.name == 'list_creater'">
										<view :key="index2" v-for="(item2, index2) in item1.content">
											<view v-if="item2.style.colVisible" :style="{'font-size':clientType=='pda'?'20px':'14px'}"  style="color: #666;font-size:14px; display: flex;flex-direction: row;align-items: center;padding: 2px 0;">
												<view >{{item2.style.colText}}:</view>
												<view style="border-radius: 5px;padding: 2px 5px;">{{item2.style.colValue==null?'':item2.style.colValue}}</view>
											</view>
											</view>
									</view>
									<view v-else-if="item1.name == 'list_col1_btns'"  style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
										<view :style="{'font-size':clientType=='pda'?'20px':'14px'}"  style="display: flex;flex-direction: row;align-items: center;padding: 5px 0;font-size:14px;">
											 {{item1.content[0].style.colText}}:{{item1.content[0].style.colValue}}
										</view>
										<view style="display: flex;flex-direction: row;height: 40px; align-items: center; ">
												<view @click.stop="navitodetail2(index, item2)" v-if="item2.text!='' && item2.position=='rowright' && item2.visible"
												 v-for="(item2, index2) in item1.content" 
												 :key="index2" 
												 :style="{'font-size':clientType=='pda'?'20px':'14px'}" 
												 style="font-size:14px; border-radius: 5px;padding:0 7px; align-items: center; margin-left: 10px;color: #fff; background-color: #F55C23;">
													 {{item2.text}}
												</view> 
										</view>
									</view>
									<view v-if="index!=(item.length -1)" style="height: 1px;width: 100%;background-color: #f0f0f0;"></view>
								</view>
								
								<view v-if="isshowmore && item.type=='ismore'">
									<view :style="{'font-size':clientType=='pda'?'20px':'14px'}" class="showmore">{{item.value}}</view>
								</view>
						   </view>
						   
						</view>
					</view>
				</block>
				
			</scroll-view>
			
			<view v-for="(btnitem, index) in btns" :key="index" >
				<view v-if="btnitem.name == 'add'" @click="navitoadddetail(index)" class="bottom-add-btns">
					<text class="iconfont icon-jia"></text>
				</view>
				<view v-if="btnitem.name == 'add1'" @click="navitoadddetail(index)" class="bottom-add-btns">
					<text class="iconfont icon-shouhouguanli"></text>
				</view>
				<view v-if="btnitem.name == 'export'" @click="navitoadddetail(index)" class="bottom-add-btns">
					<text class="iconfont icon-shouhouguanli"></text>
				</view>
			</view>
			<view v-if="JSON.stringify(btnsbottom)!='[]'" class="bottom-wrapper">
				<view v-if="btns.length!=1 " class="bottom-btn-view">
					<view @click="btnclick(index2)" v-for="(item2, index2) in btnsbottom" :key="index2"  style="height: 100%;display: flex;flex-direction: row;">
						<view :style="{'width':btnwidth+'vw', 'margin-left':btnpadding+'vw'}" class="bottom-btn">{{item2.btnText}}</view>
					</view>
				</view>
				<view v-else-if="btns.length==1" class="bottom-btn-view" style="margin-bottom: 10px;justify-content: center;">
					<view @click="btnclick(0)" class="bottom-btn" style="margin-left: 5vw; width: 90vw; border-radius: 10px;">{{btnsbottom[0].btnText}}</view>
				</view>
			</view>
		</view>
		<view v-else class="error-view">
			{{errmsg}}
		</view>
		<!-- <tabbar :value2='0'></tabbar> -->
	</view>
</template>

<script>
import tabbar from "@/components/tabbar/tabbar.vue"
//pda的时候 font-size:14px 换成font-size:14px

	export default {
	
	components:{
		tabbar:tabbar
	},
	data() {
		return {
			errmsg:'',
			headerList:[],
			datalist:[],
			marginheight:800,
			pageName:'',
			templetName:'',
			modid:'',
			menuid:'',
			btns:[],
			btnsbottom:[],
			btnwidth:0,
			btnpadding:0,
			ismask:false,
			layerheight:0,
			layerheightmargin:0,
			clientHeight:0,
			layercontent:{},
			conditions:{},
			conditionsname:'',
			div:[],
			datastyle:[],
			rowClickDynamic:{},
			rowClick:'',
			isloadmore:true,
			dataObject:'',
			divArea:'',
			isrequitst:true,
			divstyle:{},
			replaceConditions:{},
			preoptions:{},
			oriconditions:{},
			pageConditions:{"pageNumber": 1,"rowsPerPage": 20,"isAllData": false},
			headbtns:[{'backgroundcolor':'#fff','color':'#333','btnText':'重置','opttype':'cz'},
						{'backgroundcolor':'#f00','color':'#fff','btnText':'确认','opttype':'qr'}],
			clientType:'',
			isOpenRefresh:true,
			triggered:false,
			_freshing : false,
			isshowmore:false,
			divinfo:{},
			inputVal:'',
			isfocus:true,
			isscan:false,
			condiPre:{},
			times:'',
			interval:'',
			interval2:'',
			main:'',
			scanindex:0,
			receiver:''
		}
	},
	
	onLoad:async function(options){
		var that = this
		
		// uni.hideHomeButton()
		this.clientType = uni.getStorageSync('clientType')
		that.preoptions = JSON.parse(JSON.stringify(options))
		
		
		var pageName = options.pagename
		var templetName = options.templatename
		var modid = options.modid
		var menuid = options.menuid
		that.pageName = pageName
		that.templetName = templetName
		that.modid = modid
		that.menuid  = menuid
		
		
		var oriconditions = options.conditions==undefined ? {} : JSON.parse(options.conditions)
		that.oriconditions = oriconditions
		let i18nArr = uni.getStorageSync('i18nArr')
		let i18n = uni.getStorageSync('i18n')
		if(i18n === 'en' && i18nArr!=undefined){
			options.menuname = that.$translg(options.menuname, i18nArr)
		}
		uni.setNavigationBarTitle({title:options.menuname})
		
		var injson = that.$requestStylePre(that.preoptions)
		uni.showLoading({title: '加载中'})
		var url = getApp().globalData.app_address + '?method=saas_PageStyle&parse=json'
		const { data: res } = await that.$post2(url, injson);
		var result = res
		console.log(JSON.parse(JSON.stringify(result)))
		uni.hideLoading()
		var div = result.data.div
		that.div = div
		var btns = result.data.btns
		var btnsfloat = []
		var btnsbottom = []
		console.log(JSON.parse(JSON.stringify(btns)))
		
		
		if(JSON.stringify(btns)!='{}'){
			btns.forEach((val)=>{
				if(i18n === 'en' && i18nArr!=undefined){
					val.btnText = that.$translg(val.btnText,i18nArr)
				}
				if(val.position == 'pagebottom'){
					btnsbottom.push(val)
				}else{
					btnsfloat.push(val)
				}
			})
		}
		that.btns = btnsfloat
		that.btnsbottom = btnsbottom
		if(JSON.stringify(btnsbottom)!='[]'){
			that.btnwidth =90 / btnsbottom.length
			that.btnpadding = 10 / (btnsbottom.length + 1)
		}
		
		var headerList = []
		
		if(i18n === 'en' ){
			let headbtns = this.headbtns
			headbtns.forEach((hval)=>{
				hval.btnText = that.$translg(hval.btnText,i18nArr)
			})
			this.headbtns = headbtns
		}
		
		for(var i=0;i<div.length;i++){
			if(div[i].name == "dw_retrievebar"){
				console.log(div[i].style)
				var conditions = that.conditions
				that.conditionsname = div[i].name
				var colstyle = div[i].style.colStyle
				if(i18n === 'en' && i18nArr!=undefined){
					colstyle.forEach((colVal)=>{
						if(colVal.style.colVisible){
							colVal.style.colText = that.$translg(colVal.style.colText,i18nArr)
						}
					})
				}
				let dataObj = {}
				  colstyle.forEach((val2)=>{
					if(val2.name.indexOf('_op')==-1 && val2.style.colVisible){
						val2.style['colValue'] = val2.style.initial
					}
				  })
		
				  let initialValues = div[i].style.initialValues==undefined?[]:div[i].style.initialValues
				  dataObj = that.$initialvaluestrans(dataObj, initialValues)
				  
				  let conditionsObj = {}
				  Object.keys(dataObj).forEach(key => {
					if(dataObj[key]!='' && key != 'datetime1'){
					  conditionsObj[key] = dataObj[key]
					  colstyle.forEach((val2)=>{
						  if(val2.name == key){
							  val2.style['colValue'] = dataObj[key]
						  }
					  })
					}else if(key == 'datetime1'){
					  conditionsObj['datetime2'] = dataObj[key][1].substring(0,10)
					  conditionsObj[key] = dataObj[key][0].substring(0,10)
					  colstyle.forEach((val2)=>{
						  if(val2.name == key){
							  val2.style['colValue'] = dataObj[key][0].substring(0,10)
						  }else if(val2.name == 'datetime2'){
							  val2.style['colValue'] = dataObj[key][1].substring(0,10)
						  }
						  
					  })
					}
				  });
				conditions[div[i].divArea] = conditionsObj
				that.conditions = conditions
				headerList = that.$constructheadlist(colstyle)
				headerList.forEach((hval,hindex)=>{
					if(hval.styletype=='headerscan'){
						that.scanindex =  hindex
					}
				})
				console.log('headerList',JSON.parse(JSON.stringify(headerList)) )
				that.headerList = headerList
			}else if(div[i].name == "dw_datalist"){
				that.rowClick = div[i].style.rowClick
				that.rowClickDynamic = div[i].style.rowClickDynamic
				
				var datastyle = div[i].style.colStyle
				if(i18n === 'en' && i18nArr!=undefined){
					datastyle.forEach((colVal)=>{
						if(colVal.style.colVisible){
							colVal.style.colText = that.$translg(colVal.style.colText,i18nArr)
						}
					})
				}
				that.datastyle = datastyle
				var divClass = div[i].divClass
				var divstyle = that.$convertstyletoinfo(datastyle, divClass,that.btns)
				that.divstyle = divstyle
				
				var divArea = div[i].name
				var dataObject = div[i].style.dataObject
				that.dataObject = dataObject
				that.divArea = divArea
				
				var listconditions = that.conditions
				var dlconditions = div[i].style.conditions==undefined?[]:div[i].style.conditions
				var oriconditions = that.oriconditions
				var oriconditions2 = {}
				dlconditions.forEach((val)=>{
					if(val.pageFrom == 'parent' && JSON.stringify(oriconditions)!='{}'){
						val.foreignKeyArr.forEach((val2)=>{
							Object.keys(oriconditions).forEach(key => {
								if(val2.baseKey == key){
									oriconditions2[val2.foreignKey] = oriconditions[key]
								}
							})
						})
						listconditions[val.divArea] = oriconditions2
					}
				})
				that.conditions = listconditions
				
				var replaceConditions = {}
				var divreplaceColumns = div[i].style.replaceColumns==undefined?[]:div[i].style.replaceColumns
				var expArgs = ''
				if(JSON.stringify(oriconditions)!='{}'){
					expArgs = oriconditions
				}
				replaceConditions = that.$replaceConditionstrans(replaceConditions, divreplaceColumns,'',expArgs)
				that.replaceConditions = replaceConditions
				var injson2 = that.$requestDataPre(that.preoptions,divArea,dataObject,replaceConditions,that.conditions,that.pageConditions )
				that.loaddata(injson2,divstyle, true)
			}
		}
		
		uni.getSystemInfo({
		  success: function (res) {
			let clientHeight = res.windowHeight;
			that.clientHeight = clientHeight
			// if(JSON.stringify(btnsbottom)!='[]'){
			// 	that.marginheight = clientHeight - 80  正常是40 因为有个input的所以加40
			// }
			let minuHeight = 40
			if(that.btnsbottom.length > 0) minuHeight+=40
			that.marginheight = clientHeight - minuHeight
		  }
		});
	},
	
	onShow:function(options){
		// #ifdef APP-PLUS
		// this.stop()
		var that = this
		var main = plus.android.runtimeMainActivity(); //获取activity
		this.main = main
		var context = plus.android.importClass('android.content.Context'); //上下文    
		var receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {  
			onReceive: doReceive  
		});  
		this.receiver = receiver
		var IntentFilter = plus.android.importClass('android.content.IntentFilter');  
		var Intent = plus.android.importClass('android.content.Intent');  
		var filter = new IntentFilter();  
		
		filter.addAction(uni.getStorageSync('pdaAction')); //监听扫描  
		
		main.registerReceiver(receiver, filter); //注册监听    
		
		function doReceive(context, intent) {  
			//通过intent实例引入intent类，方便以后的‘.’操作    
			plus.android.importClass(intent);  
			let barcode = intent.getStringExtra(uni.getStorageSync('pdaExtra')); // 广播标签
			console.log("进入了onReceive",barcode);
			if(barcode.indexOf('\n')!=-1) barcode = barcode.replace('\n','')
			that.inputVal = barcode
			that.inputRes(that.scanindex,barcode)  
		}  
		plus.key.addEventListener('keydown',that.keycodefun)
		// #endif
	},
	
	onUnload:function(options){
		console.log('infolistonunload')
		// clearTimeout(this.times)
		// clearInterval(this.interval)
		// clearInterval(this.interval2)
		// #ifdef APP-PLUS
		if(this.main!==''){
		this.main.unregisterReceiver(this.receiver);//取消监听 
		this.main =  ''
		this.receiver = ''
		plus.key.removeEventListener('keydown',this.keycodefun)
		}
		// #endif
	},
	
	
	onHide:function(){
		// #ifdef APP-PLUS
		if(this.main!==''){
			this.main.unregisterReceiver(this.receiver);//取消监听 
			this.main =  ''
			this.receiver = ''
			plus.key.removeEventListener('keydown',this.keycodefun)
		}
		// #endif
	},
	
	onPullDownRefresh:function(){
		var that = this
		var div = that.div
		for(var i=0; i<div.length; i++){
			if(div[i].name == "dw_datalist"){
				that.pageConditions.pageNumber = 1
				var injson2 = that.$requestDataPre(that.preoptions,that.divArea,that.dataObject,that.replaceConditions,that.conditions,that.pageConditions )
				that.loaddata(injson2, that.divstyle, false)
			}
		}
		uni.stopPullDownRefresh()
	},
	
	methods:{
		
		keycodefun(e){
			var that = this
			console.log('keydown',e) // 查看获取的信息，每个按键都会有不同的key值
			if (e.keyCode === 66) {
				that.inputRes(that.scanindex,that.inputVal)
			}
		},
		
		stop(){
			var that = this
		    var interval = setInterval(function(){
			    uni.hideKeyboard();
		    },20);
			
			var interval2 = setInterval(function(){
				that.isfocus = false
				that.$nextTick(() => {
					that.inputVal = ''
					that.isfocus = true
				});
			},1500)
			
			var times = setTimeout(() => {
			    clearInterval(interval);
				clearInterval(interval2);
			},3000000);
			this.interval = interval
			this.interval2 = interval2
			this.times = times
			this.isfocus = false
			this.$nextTick(() => {
				this.isfocus = true
			});
		},
		
		
		// 自定义下拉刷新控件被下拉
		onPulling(e) {
		  if (e.detail.dy < 0) return  // 防止上滑页面也触发下拉
		  this.isOpenRefresh = true
		},
			
		// 自定义下拉刷新被触发
		onRefresh() {
			var that = this
			if (this._freshing) return;
			this._freshing = true;  
			if (!this.triggered)//界面下拉触发，triggered可能不是true，要设为true  
				this.triggered = true;  
			setTimeout(() => {  
				this.triggered = false;//触发onRestore，并关闭刷新图标  
				this._freshing = false;  
				var div = that.div
				for(var i=0; i<div.length; i++){
					if(div[i].name == "dw_datalist"){
						that.pageConditions.pageNumber = 1
						var injson2 = that.$requestDataPre(that.preoptions,that.divArea,that.dataObject,that.replaceConditions,that.conditions,that.pageConditions )
						that.loaddata(injson2, that.divstyle, false)
					}
				}
				this.isOpenRefresh = true
			}, 1000)  
		  
		},
		
		//处理tag itemfocuschanged_dddw_retrieve
		itemfocuschanged(item){
			var that = this
			var itemfocuschanged_dddw_retrieve = that.$gettagvalue(item.tag, 'itemfocuschanged_dddw_retrieve')
			var replaceConditions = {}
			var alertcolumn = ''
			var bigdatalist = that.headerList[0].content
			if(itemfocuschanged_dddw_retrieve != undefined && itemfocuschanged_dddw_retrieve != ''){
				var changedsemi = itemfocuschanged_dddw_retrieve.split(';')
				changedsemi.forEach((val)=>{
					var changedarr = val.split('=')
					var item = {}
					var value = ''
					var columnname = changedarr[1].substring(1, (changedarr[1].length-1))
					if(changedarr[0].indexOf('#') == -1){
					}else{
						if(columnname.indexOf('.') != -1){
						}else{
							bigdatalist.forEach((val)=>{
								if(val.optype!='dropdown'){
									if(val.name == columnname){
										var scolValue = val.colValue?val.colValue:''
										if(scolValue == ''){
											alertcolumn = val.colText
											return
										}
										replaceConditions[changedarr[0]] = scolValue
									}
								}else{
									val.layercontent.forEach((val2)=>{
										if(val2.name == columnname){
											var scolValue = val2.colValue?val2.colValue:''
											if(scolValue == ''){
												alertcolumn = val2.colText
												return
											}
											replaceConditions[changedarr[0]] = scolValue
										}
									})
								}
								
							})
						}
					}
				})
			}
			if(alertcolumn!=''){
				uni.showModal({
				    title: '提示',
				    content: alertcolumn + '不能为空',
					showCancel:false
				})
				return ''
			}else{
				return replaceConditions
			}
			
		},
		
		selectitem(index2){
			var that = this
			var layercontent = that.layercontent.layercontent
			var item = layercontent[index2]
			var dddwname = item.dddw.name
			var index = 0
			
			let replaceConditions = that.itemfocuschanged(item)
			if(replaceConditions == '') return
			uni.navigateTo({
				url: `/pages/dddwlist/dddwlist?`
					+`childDataObject=${dddwname}`
					+`&itemchanged=${index2}`
					+`&dataColumn=`
					+`&displayColumn=`
					+`&multiselect=`
					+`&divArea=${that.div[0].divArea}`
					+`&replaceConditions=${JSON.stringify(replaceConditions)}`
					+`&conditions={}`
					+`&listindex=${index}`
					+`&index=${index2}`
					+`&filter_column=`
					+`&colName=`
					+`&jsonoptions=${JSON.stringify(that.preoptions)}`
			})
			
		},
		
		selectsearch(index, index2, opttype){
			var that = this
			console.log(that.headerList)
			var headerList = that.headerList
			for(var i=0; i<headerList.length; i++){
				if(headerList[i].styletype == 'headersearch'){
					var headersearch = headerList[i].content
					var layercontent = headersearch[index2]
					layercontent['headindex'] = index
					layercontent['searchindex'] = index2
					if(layercontent.title == undefined){
						layercontent['title'] = layercontent.colText
					}
					
					if(headersearch[index2].layercontent == undefined){
						var dddwname = ''
						try{dddwname = layercontent.dddw.name}catch(e){}
						console.log(dddwname)
						if(dddwname == 'd_nvo_uipage_dwc' || dddwname === ''){
							var cont = []
							if(dddwname === ''){
								cont = headersearch[index2].codeTable
							}else{
								var DataObjectExtData = uni.getStorageSync('DataObjectExtData')
								
								var extdata = {}
								for(var m=0; m<DataObjectExtData.length;m++){
									if(DataObjectExtData[m].dataobjectname == layercontent.tag_dddwName){
										cont.push(DataObjectExtData[m])
										extdata = JSON.parse(JSON.stringify( DataObjectExtData[m]))
									}
								}
								var dddwall = that.$gettagvalue(layercontent.tag, 'dddwall')
								if(dddwall == 1){
									extdata.coldata = ''
									extdata.coldisplay = '全部'
									cont.push(extdata)
								}
							}
							
							layercontent['layercontent'] = cont
							layercontent['optype'] = 'layer'
							layercontent['isselected'] = 10000
							that.layercontent = layercontent
							console.log(JSON.parse(JSON.stringify(that.layercontent)))
							if(dddwname !== ''){
								that.layerheight = 44  + layercontent.layercontent.length * 44
							}else{
								that.layerheight = layercontent.layercontent.length * 44
							}
							
							that.layerheightmargin = (that.clientHeight - that.layerheight)/2
							that.ismask = true
						}else{
							var options = that.preoptions
							options['menuname'] = headersearch[index2].colText
							that.preoptions = options
							let replaceConditions = that.itemfocuschanged(headersearch[index2])
							if(replaceConditions == '') return
							uni.navigateTo({
								url: `/pages/dddwlist/dddwlist?`
									+`childDataObject=${dddwname}`
									+`&itemchanged=`
									+`&dataColumn=`
									+`&displayColumn=`
									+`&multiselect=`
									+`&divArea=${that.div[0].divArea}`
									+`&replaceConditions=${JSON.stringify(replaceConditions)}`
									+`&conditions={}`
									+`&replaceConditions={}`
									+`&listindex=${index}`
									+`&index=${index2}`
									+`&filter_column=`
									+`&colName=`
									+`&jsonoptions=${JSON.stringify(that.preoptions)}`
							})
						}
					}else{
						that.ismask = true
						layercontent['btns'] = that.headbtns
						// #ifdef APP-PLUS
						that.layerheight = 66  + layercontent.layercontent.length * 40
						// #endif
						// #ifndef APP-PLUS
						that.layerheight = 56  + layercontent.layercontent.length * 32
						// #endif
						that.layercontent = layercontent
						console.log(layercontent)
					}
				}
				
			}
		},
		
		async inputblur(index, res){
			var that = this
			// this.inputVal = 'aa'
			// this.$nextTick(() => {
			// 	this.inputVal = ''
			// });
			var scanValue = res.detail.value
			this.inputVal = scanValue
			that.handleValue(scanValue,index)
		},
	
	
		async delinput(index){
			var scanValue = ''
			this.inputVal = scanValue
			var conditionstemp = {}
			try{
				conditionstemp = this.conditions[this.conditionsname] 
			}catch(e){}
			if(JSON.stringify(conditionstemp) == undefined){
				conditionstemp = {}
			}
			this.condiPre = JSON.parse(JSON.stringify(conditionstemp))
			var item = this.headerList[index].content[0]
			this.headerList[index].content[0].colValue = ''
			conditionstemp[item.name] = scanValue
			this.isscan = true
			
			this.conditionRes(conditionstemp)
		},
		
		async navitoscan2(index){
			var that = this
			uni.scanCode({
			     onlyFromCamera: true,
				 scanType: ['qrCode','barCode'],
			     success: function (res) {
			 		var inputvalue = res.result
					that.handleValue(inputvalue,index)
				},
			})
		},
		
		handleValue(scanValue,index){
			var that = this
			if(scanValue === '')return
			var conditionstemp = {}
			try{
				conditionstemp = that.conditions[that.conditionsname] 
			}catch(e){}
			if(JSON.stringify(conditionstemp) == undefined){
				conditionstemp = {}
			}
			this.condiPre = JSON.parse(JSON.stringify(conditionstemp))
			var item = that.headerList[index].content[0]
			that.headerList[index].content[0].colValue = ''
			conditionstemp[item.name] = scanValue
			this.isscan = true
			
			that.conditionRes(conditionstemp)
		},
		
		
		
		navitoscan(index){
			var that = this
			uni.scanCode({
			     onlyFromCamera: true,
			     success: function (res) {
			 		var inputvalue = res.result
					that.inputRes(index,inputvalue)
				},
			})
		},
		
		inputhead(index,res){
			this.headerList[index].content[0].colValue = res.detail.value
		},
		
		inputheadblur(index,res){
			var that = this
			var inputvalue = res.detail.value
			that.inputRes(index,inputvalue)
		},
		
		scanheadblur(index,res){
			var that = this
			var inputvalue = res
			that.inputRes(index,inputvalue)
		},
		
		
		
		inputRes(index,inputvalue){
			var that = this
			that.headerList[index].content[0].colValue = inputvalue
			var conditionstemp = {}
			try{
				conditionstemp = that.conditions[that.conditionsname] 
			}catch(e){}
			if(JSON.stringify(conditionstemp) == undefined){
				conditionstemp = {}
			}
			var item = that.headerList[index].content[0]
			conditionstemp[item.name] = item.colValue
			that.conditionRes(conditionstemp)
		},
		
		
		conditionRes(conditionstemp){
			var that = this
			that.conditions[that.conditionsname] = conditionstemp
			console.log('that.conditions',that.conditions)
			var div = that.div
			for(var i=0; i<div.length; i++){
				if(div[i].name == "dw_datalist"){
					that.pageConditions.pageNumber = 1
					var injson2 = that.$requestDataPre(that.preoptions,that.divArea,that.dataObject,that.replaceConditions,that.conditions,that.pageConditions )
					that.loaddata(injson2, that.divstyle, false)
				}
			}
		},
		
		selectlayer(index){
			var that = this
			var layercontent = that.layercontent
			var sindex = layercontent.isselected
			if(sindex == index){
				layercontent.isselected = 10000
			}else{
				layercontent.isselected = index
			}
			that.layercontent = layercontent
			that.ismask = false
			var headindex = layercontent.headindex
			var searchindex = layercontent.searchindex
			if(layercontent.isselected == 10000){
				that.headerList[headindex].content[searchindex].colText = that.headerList[headindex].content[searchindex].title
			}else{
				that.headerList[headindex].content[searchindex].colText =layercontent.layercontent[index].coldisplay!=undefined ?layercontent.layercontent[index].coldisplay:layercontent.layercontent[index].displayValue
			}
			var conditionstemp = {}
			try{
				conditionstemp = that.conditions[that.conditionsname] 
			}catch(e){}
			if(JSON.stringify(conditionstemp) == undefined){
				conditionstemp = {}
			}
			conditionstemp[layercontent.name] = layercontent.layercontent[index].coldata!=undefined?layercontent.layercontent[index].coldata:layercontent.layercontent[index].dataValue
			
			that.conditionRes(conditionstemp)
		},
		
		inputitem(index, event){
			var that = this
			var layercontent = that.layercontent
			that.layercontent.layercontent[index]['colValue'] = event.detail.value
		},
		
		headdropdown(index){
			var that = this
			var layercontent = that.layercontent
			var btn = that.headbtns[index]
			that.ismask = false
			if(btn.opttype == 'cz'){
				for(var i=0; i<layercontent.layercontent.length; i++){
					layercontent.layercontent[i].colValue = ''
					layercontent.layercontent[i].coldisplay = ''
					layercontent.layercontent[i].value = ''
				}
				that.layercontent = layercontent
				that.$forceUpdate()
			}else if(btn.opttype == 'qr'){
				console.log(JSON.stringify( that.conditions))
				var conditionstemp = {}
				try{
					conditionstemp = that.conditions[that.conditionsname] 
				}catch(e){}
				if(JSON.stringify(conditionstemp) == undefined){
					conditionstemp = {}
				}
				for(var i=0; i<layercontent.layercontent.length; i++){
					conditionstemp[layercontent.layercontent[i].name] = layercontent.layercontent[i].colValue
				}
				that.layercontent = layercontent
				that.conditionRes(conditionstemp)
			}
		},
		
		conditionRes(conditionstemp){
			var that = this
			that.conditions[that.conditionsname] = conditionstemp
			var div = that.div
			for(var i=0; i<div.length; i++){
				if(div[i].name == "dw_datalist"){
					that.pageConditions.pageNumber = 1
					var injson2 = that.$requestDataPre(that.preoptions,that.divArea,that.dataObject,that.replaceConditions,that.conditions,that.pageConditions )
					that.loaddata(injson2, that.divstyle, false)
				}
			}
		},
		
		refresh(){
			var that = this
			var div = that.div
			for(var i=0; i<div.length; i++){
				if(div[i].name == "dw_datalist"){
					that.pageConditions.pageNumber = 1
					var injson2 = that.$requestDataPre(that.preoptions,that.divArea,that.dataObject,that.replaceConditions,that.conditions,that.pageConditions )
					that.loaddata(injson2, that.divstyle, false)
				}
			}
		},
		
		bindDateChange(index,event){
			this.layercontent.layercontent[index]['colValue'] = event.detail.value
			this.$forceUpdate()
		},
		
		bindPickerChange(index,event,item){
			let pval = event.detail.value
			let titem = item.codeTable[pval]
			console.log(JSON.parse(JSON.stringify(item)))
			let dataColumn = 'dataValue'
			let displayColumn = 'displayValue'
			if(item.editStyle != 'ddlb'){
				 dataColumn = item.dddw.dataColumn
				 displayColumn = item.dddw.displayColumn
			}
			item['colValue'] = titem[dataColumn]
			item['value'] = pval
			item['coldisplay'] = titem[displayColumn]
			this.layercontent.layercontent[index] = item
			this.$forceUpdate()
		},
		closemask(){
			this.ismask = false
		},
		
		openlog(index){
			var that = this
			var item = that.datalist[index]
			console.log(item)
			var menuid = that.menuid
			var modid = that.modid
			var conditions = {}
			var keyvalue = ''
			for(var i=0; i<item.length; i++){
				if(item[i].style.key){
					keyvalue += item[i].style.value+','
					
				}
			}
			if(keyvalue.length >0){
				keyvalue = keyvalue.substring(0, keyvalue.length-1)
			}
			conditions['pkvalue'] = keyvalue
			uni.navigateTo({url:'/pages/infolist/infolist?templatename=appsj_log&pagename=appsj_log&menuid=&modid='+modid+'&divArea=&opttype=&menuname=更新日志&conditions='+JSON.stringify(conditions)})
		},
		
		//查看单行点击
		itemnavitodetail(index){
			var that = this
			var item = that.datalist[index]
			var rowClickDynamic = that.rowClickDynamic
			var rowClick = that.rowClick
			if(JSON.stringify(rowClick)!='{}' && rowClick!=undefined){
			// if(rowClickDynamic != undefined && !rowClickDynamic){
				var datalist = that.datalist[index]
				var title = rowClick.title
				var expArgs = rowClick.expArgs
				var opttype = rowClick.toDo
				var templetname = rowClick.templetName
				var pagename = rowClick.pageName 
				var menuid = that.menuid
				var modid = that.modid
				var conditions = {}
				if(templetname == 'appsj_detail'){
					conditions = that.$getlistCon(expArgs,that.divstyle,datalist,conditions)
					expArgs = that.$getlistArg(expArgs,that.divstyle,datalist,that.conditions)
					uni.navigateTo({url:'/pages/editorderdetail/editorderdetail?templatename='+templetname+'&pagename='+pagename+'&title='+title+'&menuid='+menuid+'&modid='+modid+'&divArea='+that.divArea+'&opttype='+opttype+'&expArgs='+JSON.stringify(expArgs)})
				}else if(templetname == 'appsj_list'){
					conditions = that.$getlistCon(expArgs,that.divstyle,datalist,conditions)
					uni.navigateTo({url:'/pages/infolist/infolist?templatename='+templetname+'&pagename='+pagename+'&menuid=&modid='+modid+'&divArea=&opttype=&menuname='+title+'&conditions='+JSON.stringify(conditions)})
				}
				
				
			// }
			}
		},
		
		//itemfocuschanged_dddw_retrieve 传过去的条件
		//itemchanged 回写写到哪个地方
		//item底部权限按钮点击
		navitodetail2(index, btn){
			var that = this
			var clicked = btn.clicked
			var templetname = clicked.templetName
			var pagename = clicked.pageName 
			var menuid = that.menuid
			var modid = that.modid
			var datalist = that.datalist[index]
			var divArea = "dw_datalist"
			var opttype = btn.btnToDo
			var expArgs = clicked.expArgs
			var title = clicked.title
			console.log(JSON.parse(JSON.stringify(btn)))
			console.log(datalist)
			console.log(expArgs)
			var conditions = {}
			if(templetname != 'appsj_detail' && templetname != 'appsj_audit' &&  templetname != 'appsj_void'){
				conditions = that.$getlistCon(expArgs,that.divstyle,datalist,conditions)
			}else{
				expArgs = that.$getlistArg(expArgs,that.divstyle,datalist,that.conditions)
			}
			
			if(templetname == 'appsj_detail' || templetname == "appsj_audit"){
				var parentPage = {}
				parentPage['btnText'] = btn.text
				parentPage['powerFunName'] = btn.powerFunName
				parentPage['powerModCode'] = btn.powerModCode
				uni.navigateTo({url:'/pages/editorderdetail/editorderdetail?templatename='+templetname+'&pagename='+pagename+'&title='+title+'&menuid='+menuid+'&modid='+modid+'&divArea='+that.divArea+'&opttype='+opttype+'&expArgs='+JSON.stringify(expArgs)+'&parentPage='+JSON.stringify(parentPage)})
			}else if(templetname == 'appsj_list' && opttype == 'openmod'){
				modid = btn.powerModId
				uni.navigateTo({url:'/pages/infolist/infolist?templatename='+templetname+'&pagename='+pagename+'&menuid=&modid='+modid+'&divArea=&opttype=&menuname='+title+'&conditions='+JSON.stringify(conditions)})
			}else if(templetname=='appsj_choosesave' && opttype == 'openpage' ){
				
				modid = that.modid
				uni.navigateTo({url:'/pages/chooselist/chooselist?templatename='+templetname+'&pagename='+pagename+'&menuid=&modid='+modid+'&divArea=&opttype=&menuname='+title+'&conditions='+JSON.stringify(conditions)})
			}else if(templetname=='appsj_chooselistsave' && opttype == 'openpage'){
				
				modid = that.modid
				uni.navigateTo({url:'/pages/checklist/checklist?templatename='+templetname+'&pagename='+pagename+'&menuid=&modid='+modid+'&divArea=&opttype=&menuname='+title+'&conditions='+JSON.stringify(conditions)})
			}else if(opttype == 'openpage'){
				var conditions = {}
				if(JSON.stringify(expArgs) != '[]'){
					for(var i=0; i<expArgs.length; i++){
						var colName = expArgs[i].colName
						for(var j=0; j<datalist.length; j++){
							if(datalist[j].name == colName){
								conditions[colName] = datalist[j].style.value
							}
						}
					}
				}
				modid = that.modid
				uni.navigateTo({url:'/pages/infolist/infolist?templatename='+templetname+'&pagename='+pagename+'&menuid=&modid='+modid+'&divArea=&opttype=&menuname='+title+'&conditions='+JSON.stringify(conditions)})
				
			}
			
		},
		
		navitoadddetail(i){
			var that = this
			var templetname = ''
			var pagename = ''
			var btns = that.btns
			var opttype = ""
			var title = ''
			var expArgs = []
			var whenClosed = ''
			var parentPage = {}
			
				if(btns[i].name == 'add'){
					console.log(btns[i].clicked)
					templetname = btns[i].clicked.templetName
					pagename= btns[i].clicked.pageName
					opttype = btns[i].btnToDo
					whenClosed = btns[i].whenClosed
					title = btns[i].clicked.title
					expArgs = btns[i].clicked.expArgs
					if(JSON.stringify(expArgs) != '[]' && expArgs != undefined){
						for(var i=0; i<expArgs.length; i++){
							var divArea = expArgs[i].divArea
							var colName = expArgs[i].colName
							if(divArea == 'pageArgs'){
								console.log()
								expArgs[i]['value'] = that.conditions.dw_datalist[colName]
							}
						}
					}
					console.log(expArgs)
					
					parentPage['btnText'] = btns[i].text
					parentPage['powerFunName'] = btns[i].powerFunName
					parentPage['powerModCode'] = btns[i].powerModCode
				}
			
			var menuid = that.menuid
			var modid = that.modid
			var datalist = that.datalist[0]
			var divArea = "dw_datalist"
			
			uni.navigateTo({url:'/pages/editorderdetail/editorderdetail?templatename='+templetname+'&pagename='+pagename+'&whenClosed='+whenClosed+'&title='+title+'&menuid='+menuid+'&modid='+modid+'&divArea='+divArea+'&opttype='+opttype+'&expArgs='+JSON.stringify(expArgs)+'&parentPage='+JSON.stringify(parentPage)})
			
		},
		
		loadmore(){
			var that = this
			var isloadmore = that.isloadmore
			if(that.isshowmore) return
			
			if(!isloadmore){
				that.isshowmore = true
				var moredata = {'type':'ismore','value':'没有更多数据了'}
				that.datalist.push(moredata)
				that.$forceUpdate()
				setTimeout(() => {
					that.datalist.pop()
					that.isshowmore = false
					that.$forceUpdate()
				}, 2000)  
				
				return
			}
			var div = that.div
			for(var i=0; i<div.length; i++){
				if(div[i].name == "dw_datalist"){
					var injson2 = that.$requestDataPre(that.preoptions,that.divArea,that.dataObject,that.replaceConditions,that.conditions,that.pageConditions )
					that.loaddata(injson2, that.divstyle, false)
				}
			}
		},
		
		reload(olddatalist,opttype){
			var that = this
			olddatalist = JSON.parse(olddatalist)
			console.log(olddatalist)
			var datalist = that.datalist
			var divstyle = that.divstyle
			if(JSON.stringify(that.divstyle) == '{}'){
				var temdatalist = JSON.parse(JSON.stringify(datalist[0]))
				for(var m=0; m<temdatalist.length;m++){
					for(var n=0; n<olddatalist.length; n++){
						if(temdatalist[m].name == olddatalist[n].name){
							temdatalist[m].style.coldisplay = olddatalist[n].style.coldisplay
							temdatalist[m].style.value = olddatalist[n].style.value
						}
					}
				}
				olddatalist = JSON.parse(JSON.stringify(temdatalist))
				if(opttype == 'billadd'){
					datalist.unshift(olddatalist)
				}else{
					 for(var i=0; i<datalist.length; i++){
						 for(var j=0; j<datalist[i].length; j++){
							 if(datalist[i][j].style.key){
								 if(datalist[i][j].style.value == olddatalist[j].style.value){
									 if(opttype == 'billdelete'){
										 if(i== (datalist.length-1)){
											 datalist.pop()
										 }else{
											 datalist.splice(i, 1)
										 }
									 }else{
										 datalist.splice(i, 1, olddatalist)
									 }
									 
								 }
							 }
						}
					}
				 }
				 that.datalist = JSON.parse(JSON.stringify(datalist)) 
			}else{
				 var styleBlock = JSON.parse(JSON.stringify(divstyle.styleBlock))
				 if(Array.isArray(olddatalist)){
					 var olddatalistObj = {}
					 olddatalist.forEach((val)=>{
					 	olddatalistObj[val.name] = val.style.value
					 })
					 olddatalist = olddatalistObj
				 }
				 var DataObjectExtData = uni.getStorageSync('DataObjectExtData')
				 for(var m=0; m<styleBlock.length; m++){
				 	var name = styleBlock[m].name
				 	var content = styleBlock[m].content
				 	for(var n=0; n<content.length; n++){
				 		var cname = content[n].name
				 		var style = content[n].style 
				 		var colValue = olddatalist[cname]
				 		if(colValue == undefined ) {
				 			if(style != undefined) continue
				 			var visibleExp = content[n].visibleExp?content[n].visibleExp:{}
				 			if(JSON.stringify(visibleExp)!= '{}'){
				 				var visColName = visibleExp.colName
				 				var visData = visibleExp.data
				 				if(visData == olddatalist[visColName]){
				 					content[n].visible = visibleExp.value
				 				}else{
				 					content[n].visible = false
				 				}
				 			}
				 			continue
				 		}
				 		
				 		style['colValue'] = colValue
				 		var dataTag = style.dataTag?{}:style.dataTag
				 		if(JSON.stringify(dataTag) != '{}'){
				 			var colorArr = dataTag.color
				 			if(colorArr!=undefined){
				 				for(var z=0; z<colorArr.length; z++){
				 					if(colValue == colorArr[z].data){
				 						style.color = colorArr[z].value
				 					}
				 				}
				 			}
				 		}
				 		
				 		for(var o=0; o<DataObjectExtData.length;o++){
				 			if(DataObjectExtData[o].dataobjectname == style.tag_dddwName && DataObjectExtData[o].coldata == style.colValue){
				 				style.colValue = DataObjectExtData[o].coldisplay
				 			}
				 		}
				 		content[n].style = style
				 	}
				 	styleBlock[m].content = content
				 }
				 if(opttype == 'billadd'){
					 datalist.unshift(JSON.parse(JSON.stringify(styleBlock)))
				 }else{
					
					datalist.forEach((val,index)=>{
						val.forEach((val2, index2)=>{
							val2.content.forEach((val3,index3)=>{
								try{
								if(val3.style.key){
									if(val3.style.colValue === styleBlock[index2].content[index3].style.colValue){
										if(opttype == 'billdelete'){
											if(i== (datalist.length-1)){
												datalist.pop()
											}else{
												datalist.splice(i, 1)
											}
										}else{
											datalist.splice(index, 1, JSON.parse(JSON.stringify(styleBlock)))
										}
									}
								}
								}catch(e){}
							})
						})
					})
				 }
				 that.datalist = datalist
				 that.$forceUpdate();
			 }
		},
	
		updatedddwlistvalue(item,index,index2, itemchanged, divArea){
			var that = this
			if(!that.ismask){
				var conditionstemp = that.conditions[that.conditionsname]
				var headitem = that.headerList[index].content[index2]
				console.log(headitem)
				var dataColumn = headitem.dddw.dataColumn
				var displayColumn = headitem.dddw.displayColumn
				item.forEach((val,valindex)=>{
					if(val.name == dataColumn){
						headitem['colValue'] = item[valindex].style.value
						headitem['value'] =  item[valindex].style.value
						headitem.isselected = 0
						conditionstemp[headitem.name] = item[valindex].style.value
						that.conditions[that.conditionsname] = conditionstemp
					}
					if(val.name == displayColumn){
						headitem['coldisplay'] = item[valindex].style.value
						if(item[valindex].style.value == ''){
							headitem.colText = headitem.title
						}else{
							headitem.colText = item[valindex].style.value
						}
					}
				})
				that.headerList[index].content[index2] = headitem
				var div = that.div
				for(var i=0; i<div.length; i++){
					if(div[i].name == "dw_datalist"){
						that.pageConditions.pageNumber = 1
						var injson2 = that.$requestDataPre(that.preoptions,that.divArea,that.dataObject,that.replaceConditions,that.conditions,that.pageConditions )
						that.loaddata(injson2, that.divstyle, false)
					}
				}
			
			}else{
				var dropitem = that.layercontent.layercontent[index2]
				var dataColumn= dropitem.dddw.dataColumn
				var displayColumn = dropitem.dddw.displayColumn
				
				console.log('dropitem',JSON.parse(JSON.stringify(dropitem)))
				item.forEach((val,valindex)=>{
					if(val.name == dataColumn){
						dropitem['colValue'] = val.style.colValue 
						dropitem['value'] = val.style.colValue 
						dropitem['coldisplay'] = val.style.colValue
					}else if(val.name == displayColumn){
						dropitem['coldisplay'] = val.style.colValue 
					}
				})
				that.layercontent.layercontent[index2] = dropitem
				that.$forceUpdate()
				console.log(JSON.parse(JSON.stringify(dropitem)))
			}
			console.log(item)
			
			
			
		},
	
		async loaddata(injson,divstyle,isinitial){
			var that = this
			var url = getApp().globalData.app_address + '?method=saas_PageDivData&parse=json'
			console.log(injson)
			const { data: result } = await that.$post2(url, injson);
			console.log('result',JSON.parse(JSON.stringify(result)))
			if(this.isscan){
				this.conditions[this.conditionsname] = this.condiPre
				this.isscan = false
			}
			var datalisttemp = result.data.div.value
			
			// datalist = that.$datalisttrans(datalist, datalisttemp, blockstyle,valtype, divarea)
			
			var datalist = []
			var DataObjectExtData = uni.getStorageSync('DataObjectExtData')
			console.log(that.pageConditions.pageNumber)
			if(that.pageConditions.pageNumber != 1){
				datalist = that.datalist
			}
			if(JSON.stringify(datalisttemp) != '[]' && datalisttemp.length == that.pageConditions.rowsPerPage){
				that.pageConditions.pageNumber += 1
				that.isloadmore = true
			}else{
				that.isloadmore = false
			}
			
			
			if(JSON.stringify(datalisttemp)!= '[]'){
				if(JSON.stringify(divstyle) == '{}'){
					var datastyle = that.datastyle
					for(var k=0; k<datalisttemp.length; k++){
						for(var m=0; m<datastyle.length; m++){
							datastyle[m].style['value'] = datalisttemp[k][datastyle[m].name]
							datastyle[m].style['colValue'] = datalisttemp[k][datastyle[m].name]
						}
						
						for(var o=0; o<DataObjectExtData.length;o++){
							for(var p=0;p<datastyle.length;p++){
								if(DataObjectExtData[o].dataobjectname == datastyle[p].style.tag_dddwName && DataObjectExtData[o].coldata == datastyle[p].style.value){
									datastyle[p].style.colValue = DataObjectExtData[o].coldisplay
								}
							}
						}
						datalist.push(JSON.parse(JSON.stringify(datastyle)) )
					}
					console.log(that.btns)
				}else{
					var styleBlock = divstyle.styleBlock
					for(var k=0; k<datalisttemp.length; k++){
						var datalistitem = datalisttemp[k]
						// console.log("datalistitem", JSON.parse(JSON.stringify(datalistitem)))
						for(var m=0; m<styleBlock.length; m++){
							var name = styleBlock[m].name
							var content = styleBlock[m].content
							for(var n=0; n<content.length; n++){
								var cname = content[n].name
								var style = content[n].style 
								var colValue = datalistitem[cname]
								if(cname == 'lsj' && k == 4) console.log(colValue)
								if(colValue === undefined ) {
									if(style != undefined) continue
									var visibleExp = content[n].visibleExp?content[n].visibleExp:{}
									if(JSON.stringify(visibleExp)!= '{}'){
										var visColName = visibleExp.colName
										var visData = visibleExp.data
										if(visData == datalistitem[visColName]){
											content[n].visible = visibleExp.value
										}else{
											content[n].visible = false
										}
									}
									continue
								}
								
								var format = style.format
								if(format!=''){
									var colType = style.colType
									if(colType=='datetime' ){
										if(colValue === null){
											colValue=''
										}else{
											var date1 = new Date(colValue)
											colValue = that.$formatdatecustom(date1, format)
										}
										
									}else if(colType.indexOf('decimal') != -1){
										if(colValue === null){
											colValue=''
										} else{
											colValue = that.$formatNumber2(colValue, format)
										}
										
									}
								}
								
								style['colValue'] = colValue
								if(cname == 'lsj' && k == 4) console.log(colValue)
								var dataTag = style.dataTag?{}:style.dataTag
								if(JSON.stringify(dataTag) != '{}'){
									var colorArr = dataTag.color
									if(colorArr!=undefined){
										for(var z=0; z<colorArr.length; z++){
											if(colValue == colorArr[z].data){
												style.color = colorArr[z].value
											}
										}
									}
								}
								
								for(var o=0; o<DataObjectExtData.length;o++){
									if(DataObjectExtData[o].dataobjectname == style.tag_dddwName && DataObjectExtData[o].coldata == style.colValue){
										style.colValue = DataObjectExtData[o].coldisplay
									}
								}
								content[n].style = style
								if(cname == 'lsj' && k == 4) console.log(style)
							}
							styleBlock[m].content = content
						}
						// console.log("stylebolck", JSON.parse(JSON.stringify(styleBlock)))
						datalist.push(JSON.parse(JSON.stringify(styleBlock)) )
					}
				}
				
			}
			that.isOpenRefresh = true
			that.datalist = datalist
			console.log('datalist',JSON.parse(JSON.stringify(datalist)))
		},
		
		btnclick(index){
			var that = this
			var btn = this.btnsbottom[index]
			console.log('btn',btn)
			if(btn.btnToDo == 'closepage'){
				uni.navigateBack({delta:1})
			// }else if(btn.name == 'add' || btn.name == 'scan'){ //经理提出不要限制name
			}else{ 
				var templetname = ''
				var pagename = ''
				var btns = that.btns
				var opttype = ""
				var title = ''
				var whenClosed = ''
				var expArgs = []
				templetname = btn.clicked.templetName
				pagename= btn.clicked.pageName
				whenClosed = btn.clicked.whenClosed
				if(btn.btnToDo == 'billscan'){
					opttype = 'billadd'
				}else{
					opttype = btn.btnToDo
				}
				title = btn.clicked.title
				expArgs = btn.clicked.expArgs
				if(JSON.stringify(expArgs) != '[]' && expArgs != undefined){
					for(var i=0; i<expArgs.length; i++){
						var divArea = expArgs[i].divArea
						var colName = expArgs[i].colName
						if(divArea == 'pageArgs'){
							console.log()
							expArgs[i]['value'] = that.conditions.dw_datalist[colName]
						}
					}
				}
				console.log(expArgs)
				var menuid = that.menuid
				var modid = that.modid
				var datalist = that.datalist[0]
				var divArea = "dw_datalist"
				var parentPage = {}
				parentPage['btnText'] = btn.text
				parentPage['powerFunName'] = btn.powerFunName
				parentPage['powerModCode'] = btn.powerModCode
				
				uni.navigateTo({url:'/pages/editorderdetail/editorderdetail?templatename='+templetname+'&pagename='+pagename+'&whenClosed='+whenClosed+'&title='+title+'&menuid='+menuid+'&modid='+modid+'&divArea='+divArea+'&opttype='+opttype+'&expArgs='+JSON.stringify(expArgs)+'&parentPage='+JSON.stringify(parentPage)})
			}
		},
		},
	
}
</script>

<style>
	.main-view{width: 100vw;height: 100vh;background-color: #f0f0f0;}
	.content-view{}
	.error-view{display: flex;color: #aaa;justify-content: center;flex-direction: column;align-items: center;}
	.bottom-add-btns{display: flex;align-items: center;border-radius:50%; position: fixed; right: 10px;bottom: 100px;background-color: #f00;color: #fff;font-size: 24px;padding: 8px;}
	.bottom-btn-view{display: flex;flex-direction: row; height: 40px;}
	.bottom-btn{align-items: center; display: flex;justify-content: center;height: 100%; background-color: #F55C23;color: #fff;}
	
	.no-data{display: flex;justify-content: center; align-items: center;height: 100vh;}
	.bottom-wrapper{background-color: #fff; height: 40px; width: 100vw;bottom: 0; display: flex;flex-direction:row;justify-content: space-between;position: absolute;align-items: center;z-index:200}
	.showmore{display: flex;align-items: center;justify-content: center;margin-top: 5px;background-color: #fff;color: #666;padding: 5px 0;}
	.line1-col2{width: calc(50vw - 15px);word-break: break-all;overflow: hidden; color: #666;font-size:14px; display: flex;flex-direction: row;align-items: center;}
</style>